﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<style>
  .fileUpload {
      position: relative;
      overflow: hidden;
      margin: 10px;
      background-color: #5cb85c;
      border-color: #4cae4c;
  }
  .fileUpload input.upload {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      font-size: 20px;
      cursor: pointer;
      opacity: 0;
      filter: alpha(opacity=0);
  }
</style>

<div class="modal-dialog ms-modal-dialog">
  <div class="modal-content">

    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
      <h4 class="modal-title">批量导入考勤</h4>
    </div>
      
    <form class="form-horizontal ms-form modal-search-form" role="form" method="POST" action="${ctx.host}/project-results/${projectPhaseId}/attendance-upload" enctype="multipart/form-data" data-validate="true">
      
      <div class="modal-body">
        <div class="form-group ms-form-group">
          <label class="control-label col-xs-3">上传文件</label>
          <div class="col-xs-7">
            <div class="input-group">
              <div class="fileUpload btn btn-success btn-shadow btn-shadow-success ms-btn input-group-addon">
                <span style="color: #fff;">选择文件</span>
                <input id="cover" type="file" name="file" class="upload" accept="application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
              </div>
              <input id="coverFile" class="form-control" data-validate="required" disabled placeholder="请点击左侧按钮选择文件" accept="application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
            </div>
          </div>
        </div>
      </div>
      
      <div class="modal-footer ms-modal-footer">
        <a href="${ctx.host}/project-data/${projectId}/project-attendance-template" class="btn btn-shadow-default btn-shadow umu-btn">下载模板</a>&nbsp;
        <button type="submit" class="btn btn-shadow-success btn-shadow umu-btn">确定</button>&nbsp;
        <button type="button" class="btn btn-shadow-success btn-shadow umu-btn" data-dismiss="modal">取消</button>
      </div>
    </form>
      
  </div>
</div>